<!DOCTYPE html>
<html lang="zh-CN">    <!-- 设置语言为中文 -->
<head>
    <meta charset="UTF-8">  <!-- 设置编码格式为UTF-8 -->
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Molly Note - 登录</title> <!-- 网页标签名 -->
    <link rel="stylesheet" href="style/login.css">  <!-- 连接css样式 -->
</head>
<body>
    <div class="login-container">  <!-- 大的页面 -->
        <h1 class="login-title">Molly Note 登录</h1>  <!-- 标题 -->
        <form id="loginForm">   <!-- 表单 -->
            <div class="form-group">    <!-- 小盘1 -->
                <label for="username">用户名</label>
                <input type="text" id="username" class="form-control" placeholder="请输入用户名" required>
            </div>
            <div class="form-group">    <!-- 小盘2 -->
                <label for="password">密码</label>
                <input type="password" id="password" class="form-control" placeholder="请输入密码" required>
            </div>
            <button type="submit" class="btn">登录</button>   <!-- 按钮 -->
        </form>
        <p class="register-link">没有账号？<a href="#" id="registerLink" target="_self">注册</a></p>
        <div class="footer">
            © 2025 Molly Note - 智能笔记助手
        </div>
    </div>

    <script src="tools/login.js"></script>
</body>
</html>
